<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>金释首页</title>
    <link media="screen" href="stylesheets/general.css" type="text/css" rel="stylesheet" />
		<link media="screen" href="stylesheets/flick/jquery-ui-1.7.2.custom.css" type="text/css" rel="stylesheet" />
		
		<script type="text/javascript" src="javascripts/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="javascripts/jquery-ui-1.7.2.custom.min.js"></script>
		
		<script type="text/javascript">
			$(function() {
				$("#accordion").accordion({
					fillSpace: true
				});
				
				$('#datepicker').datepicker({
				  showOtherMonths: true
				});
			});
		</script>
  </head>
  <body>
    <div id="header">
      <div id="logo">
        <p>GeniusCareer</p>
      </div>
      <div id="primary-menu">
        <ul>
          <li><a href="#">首页</a>
						 |&nbsp;
				  </li>
          <li><a href="#">精彩活动</a>
						 |&nbsp;
					</li>
          <li><a href="#">课程链接</a>
						 |&nbsp;
					</li>
          <li><a href="#">论坛</a>
						 |&nbsp;
					</li>
          <li><a href="#">关于金释</a></li>
			  </ul>
      </div>
			<div id="phone">
				<h1>欢迎拨打: 021-3777-4169</h1>
			</div>
    </div>
    <div id="body">
      <div id="secondary-menu">
				<div id="accordion">
					<h3><a href="#">课程一</a></h3>
					<div>
						<p>课程一的描述和简介，哪位老师在何时何地授课？</p>
					</div>
					<h3><a href="#">课程二</a></h3>
					<div>
						<p>课程二的描述和简介，哪位老师在何时何地授课？</p>
					</div>
					<h3><a href="#">课程三</a></h3>
					<div>
						<p>课程三的描述和简介，哪位老师在何时何地授课？</p>
						<ul>
							<li>List item one</li>
							<li>List item two</li>
							<li>List item three</li>
						</ul>
					</div>
					<h3><a href="#">课程四</a></h3>
					<div>
						<p>课程一的描述和简介，哪位老师在何时何地授课？</p>
					</div>
				</div>			
	   	</div>
      <div id="content"></div>
      <div id="tools-bar">
			  <div id="login">
					<form>
						<fieldset>
							<label for="email" class="text">Email</label>
							<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
							<label for="password">Password</label>
							<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
						</fieldset>
					</form>
				</div>
				<div id="datepicker"></div>
		  </div>
    </div>
    <div id="footer">
    </div>
  </body>
</html>
